<template>
  <div class="overview">
    <h2>
      <div class="title">
        <a href="#" @mouseover="overtest" @mouseleave="isshowhide = false"
          >产品

          <div class="dddd" v-show="isshowhide">修改逻辑</div>
        </a>
        <a href="#">案例</a>
        <a href="#">示例</a>
        <a href="#">测试</a>
      </div>
    </h2>
  </div>
</template>

<script setup lang="ts">
const isshowhide = ref(false)
const overtest = () => {
  console.log('测试')
  isshowhide.value = true
}
</script>

<style lang="less" scoped>
.overview {
  color: red;
  .title {
    a {
      display: inline-block;
      padding: 10px;
      position: relative;
      .dddd {
        position: absolute;
      }
    }
  }
}
</style>
